<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>京东</title>
<style type="text/css">
body{width:990px;
      margin:0px auto;}
.a1{background-image:url(../pic/banner.png);
    background-repeat:no-repeat;
	border:1px #FF0000 solid; width:990px; height:400px;
	width:100%;}
.a2{border:1px #FF0000 solid; height:250px; width:250px; background-color:#FFF; float:right; margin-top:100px; margin-right:50px}
.a3{background-image:url(../pic/icon5.jpg);
  background-repeat:no-repeat;
  text-indent:2em;
  float:right;
  display:inline-block;}
h2{display:inline-block;}
a:link{text-decoration:none;}
a:hover{color:#F00;
      text-decoration:underline}
</style>
</head>

<body>
<header>
<div>
<img src="file:///C|/Users/MI/Desktop/练习素材/7章素材/01 上机练习素材/练习4： 仿京东商城登录页面/image/logo.png" />欢迎登陆</div>
</header>
<article>
<div class="a1">
<div class="a2">
<h2>京东会员</h2><h4 class="a3">立即注册</h4>
<form action="" method="post" id="loginForm">
<p><img src="../pic/icon1.jpg" /><input type="text" name="m"  value="邮箱/用户名/已验证手机" width="200px" height="35px"/></p>
<p><img src="../pic/icon2.jpg" /><input type="passsword" name="a" value="" width="200px" height="35px" /></p>
<input type="radio"  value="" />自动登陆
<input type="button" name="button" value="忘记密码" />
<input type="submit" name="an" value="登录" />
</form>
</div>
</article>
<footer>
<div>
<a href="#">关于我们| 联系我们| 人才招聘| 商家入驻| 广告服务| 手机京东| 友情链接| 销售联盟| 京东社区| 京东公益|</a> English Site
Copyright?2004-2017 京东JD.com 版权所有
</div>
</footer>

</body>
</html>
